<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/reset.css">
		<script src="js/jquery-3.0.0.js"></script>
		<script src="js/jquery.lazyload.js"></script>
		<script src="js/index.js"></script>
		<script src="js/common.js"></script>
		<script src="js/jquery.cookie.js"></script>
		<script src="node_modules/less/dist/less.js"></script>
		<script src="js/list.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="css/list.css">

	</head>

	<body>
		<div id="header-banner">
			<a href="#" class="width1200"></a>
		</div>
		<div id="header-top-warp">
			<div class="header-top width1200">
				<b class="fl">欢迎来到邦购网，全场满199元包邮</b>
				<div class="headertop-left fr">
					<div class="header-top-left headerLogin">
						<a href="#" class="login">登陆</a>
						<em></em>
						<ul class="login-ul">
							<li>
								<a href="#">qq账号登陆</a>
							</li>
							<li>
								<a href="#">支付宝登陆</a>
							</li>
							<li>
								<a href="#">微信账号登陆</a>
							</li>
						</ul>
					</div>
					<div class="header-top-left">
						<a href="register.html" class="log">注册</a>
					</div>
					<div class="header-top-left header-user">
						<a href="#" class="user">我的邦购</a>
						<em></em>
						<ul class="user-list">
							<li>
								<a href="#">我的订单</a>
							</li>
							<li>
								<a href="#">我的积分</a>
							</li>
							<li>
								<a href="#">我的点赞</a>
							</li>
							<li>
								<a href="#">收货地址</a>
							</li>
						</ul>
					</div>
					<div class="header-top-left">
						<a href="#" class="vip">会员中心</a>
					</div>
					<div class="header-top-left headerDownload">
						<a href="#" class="download">
							<b class="phone"></b> 下载app
						</a>
						<em></em> <span class="QRcode"><img src="img/code.png" alt=""></span>
					</div>
					<div class="header-top-left">
						<a href="#" class="sina">微博</a>
					</div>
					<div class="header-top-left">
						<a href="#">微信</a>
					</div>
				</div>
			</div>
		</div>
		<div id="header-bot-warp">
			<div class="header-bot-top width1200">
				<div class="header-bot-top-fl fl">
					<h1>
                <a href="index.html">
                    邦购
                </a>

            </h1>
				</div>
				<div class="header-bot-top-mid fl">
					<div class="search-fl">
						<form action="">
							<input type="text" placeholder="3件潮T只需99元 →" /> <input type="button" value="搜索" />
							<i class="iconfont">&#xe600;</i>
						</form>
					</div>
					<div class="search-fr fr">
						<a href="#" style="color: #d30a06;">4件239元</a>
						<span>|</span>
						<a href="#">衬衫</a>
						<span>|</span>
						<a href="#" style="color: #d30a06;">T恤</a>
						<span>|</span>
						<a href="#" style="color: #d30a06;">夹克</a>
						<span>|</span>
						<a href="#">休闲裤</a>
						<span>|</span>
						<a href="#">明星同款</a>
						<span>|</span>
					</div>
				</div>
				<div class="header-bot-top-fr fr">
					<div class="shopping">
						<a href="#">购物袋 <b>0</b> 件</a>
					</div>
				</div>

			</div>
			<div class="header-bot-bot width1200">
				<ul class="width1200">
					<li class="classify">
						<i class="iconfont">&#xe66b;</i> <span>商品分类</span>
						<div class="nav-fl fl">
							<ul class="sub-list">
								<li class="sub-nav-num1">
									<dl>
										<dt>
                                    <a href="#">热销分类</a>
                                    <i class="iconfont">&#xe601;</i></dt>
										<dd>
											<div class="subnav-list">
												<!--<a href="#"></a>-->
											</div>
										</dd>
									</dl>
									<div class="list-left-warp">
										<div class="list-left">
											<div class="list-left-l">
												<!--//弹出内容的左边-->
												<!--<dl>-->
												<!--<dt><a href="" class="list-left-l-a"></a></dt>-->
												<!--<dd>-->
												<!--<a href=""></a>-->
												<!--</dd>-->
												<!--</dl>-->

											</div>
											<!--//弹出内容的左边结束-->
											<!--//弹出内容的右边-->
											<div class="list-lft-r">
												<div class="list-banner">
													<a href="">
														<img src="img/listbanner.jpg" />
													</a>
												</div>
												<div class="list-logo">
													<p>箱包热门品牌</p>
													<div class="list-logo-img">
														<!--<a href="">
                                                    <img src="img/listlogo01.jpg"/>
                                                </a>
                                                <a href="">
                                                    <img src="img/listlogo01.jpg"/>
                                                </a>
                                                <a href="">
                                                    <img src="img/listlogo01.jpg"/>
                                                </a>
                                                <a href="">
                                                    <img src="img/listlogo01.jpg"/>
                                                </a>
                                                <a href="">
                                                    <img src="img/listlogo01.jpg"/>
                                                </a>
                                                <a href="">
                                                    <img src="img/listlogo01.jpg"/>
                                                </a>
                                                <a href="">
                                                    <img src="img/listlogo01.jpg"/>
                                                </a>-->

													</div>
												</div>
											</div>
											<span></span>
										</div>
									</div>
									<!--/*这里记得给一个div用来接收展开的数据*/-->
								</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="#">
							<img data-original="img/sy-04.png" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img data-original="img/ydlogo.png" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img data-original="img/cplogo.png" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img data-original="img/lqzx-pc.png" alt="">
						</a>
					</li>
					<li>
						<a href="#">
							<img data-original="img/xkzx-04.png" alt="">
						</a>
					</li>
					<li class="fr">
						<a href="#">
							<img data-original="img/img_87.gif" alt="">
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--搜索栏结束-->
		<div id="mbShop-warp">
			<div class="mbShop width1200">
				<img src="img/list/list01.jpg" border="0" usemap="#Map1">
				<map name="Map1">
            <area shape="rect" coords="32,113,1169,598" href="http://www.banggo.com/theme/170504-13.shtml?avn=1" target="_blank">
        </map>
				<img src="img/list/list02.jpg" border="0" usemap="#Map2">
				<map name="Map2">
            <area shape="rect" coords="23,27,587,311" href="index.html" target="_blank">
            <area shape="rect" coords="618,29,1185,315" href="index.html" target="_blank">
            <area shape="rect" coords="167,532,585,1008" href="index.html" target="_blank">
            <area shape="rect" coords="635,619,1075,1027" href="index.html" target="_blank">
        </map>
				<img src="img/list/list03.jpg" border="0" usemap="#Map3">
				<map name="Map3">
            <area shape="rect" coords="168,14,551,516" href="index.html" target="_blank">
            <area shape="rect" coords="590,90,1092,491" href="index.html" target="_blank">
            <area shape="rect" coords="481,545,1042,944" href="index.html" target="_blank">
            <area shape="rect" coords="173,542,456,944" href="http://www.banggo.com/goods/864022.shtml" target="_blank">
        </map>
				<img src="img/list/list04.jpg" border="0" usemap="#Map4">
				<map name="Map4">
            <area shape="rect" coords="300,69,573,213" href="index.html" target="_blank">
            <area shape="rect" coords="300,225,572,357" href="index.html" target="_blank">
            <area shape="rect" coords="304,366,565,506" href="index.html" target="_blank">
            <area shape="rect" coords="307,515,568,665" href="index.html" target="_blank">
            <area shape="rect" coords="906,76,1162,209" href="index.html" target="_blank">
            <area shape="rect" coords="906,225,1161,356" href="index.html" target="_blank">
            <area shape="rect" coords="907,369,1158,505" href="index.html" target="_blank">
            <area shape="rect" coords="906,512,1159,659" href="index.html" target="_blank">
            <area shape="rect" coords="19,738,591,923" href="index.html" target="_blank">
            <area shape="rect" coords="610,739,1181,923" href="index.html" target="_blank">
        </map>
				<img src="img/list/list05.jpg" border="0" usemap="#Map5">
				<map name="Map5">
            <area shape="rect" coords="1005,22,1165,101" href="index.html" target="_blank">
            <area shape="rect" coords="25,141,393,414" href="index.html" target="_blank">
            <area shape="rect" coords="411,143,784,416" href="index.html" target="_blank">
            <area shape="rect" coords="804,141,1180,419" href="index.html" target="_blank">
            <area shape="rect" coords="25,444,602,711" href="index.html" target="_blank">
            <area shape="rect" coords="631,449,1178,706" href="index.html" target="_blank">
            <area shape="rect" coords="633,732,1176,996" href="index.html" target="_blank">
            <area shape="rect" coords="27,732,602,1003" href="index.html" target="_blank">
        </map>
			</div>
		</div>
		<!--筛选开始-->
		<div id="screenBox-warp">
			<div class="screenBox">
				<div class="screen">
					<span>分类</span>
					<div class="screenContent">
						<!--<a href="#"><i>男装</i></a>
                <a href="#"><i>男装</i></a>
                <a href="#"><i>男装</i></a>
                <a href="#"><i>男装</i></a>
                <a href="#"><i>男装</i></a>
                <a href="#"><i>男装</i></a>-->
					</div>
				</div>
				<div class="mainSearch">
					<div class="screen">
						<span>品牌</span>
						<div class="screenContent">
							<!--<a href="#"><i>男装</i></a>-->
							<!--<a href="#"><i>男装</i></a>
                    <a href="#"><i>男装</i></a>
                    <a href="#"><i>男装</i></a>
                    <a href="#"><i>男装</i></a>
                    <a href="#"><i>男装</i></a>-->
						</div>
						<div class="searchMore1" style="display: block;">更多</div>
					</div>
					<div class="screen">
						<span>价格</span>
						<div class="screenContent">
							<!--<a href="#"><i>男装</i></a>
                    <a href="#"><i>男装</i></a>
                    <a href="#"><i>男装</i></a>
                    <a href="#"><i>男装</i></a>
                    <a href="#"><i>男装</i></a>
                    <a href="#"><i>男装</i></a>-->

						</div>

					</div>
					<div class="screen">
						<span>性别</span>
						<div class="screenContent">
							<!--<a href="#"><i>男</i></a>
                    <a href="#"><i>女</i></a>
                    <a href="#"><i>其他</i></a>-->
						</div>
					</div>
					<div class="screen">
						<span>季节</span>
						<div class="screenContent">
							<!--<a href="#"><i>男装</i></a>
                    <a href="#"><i>男装</i></a>
                    <a href="#"><i>男装</i></a>
                    <a href="#"><i>男装</i></a>
                    <a href="#"><i>男装</i></a>
                    <a href="#"><i>男装</i></a>-->
						</div>
					</div>
					<div class="maxSearch">
						<b>高级筛选</b>
						<div class="maxSearchItem-warp">
							<div class="maxSearchItem">
								<a href="#" class="maxSearchItemMenu">
									<i>潮流</i> <em></em>
								</a>
								<div class="maxSearchItemOption">
									<a href="">
										休闲
									</a>
									<a href="">
										潮流
									</a>
									<a href="">
										运动户外
									</a>
									<a href="">
										校园
									</a>
									<a href="">
										都市
									</a>
									<a href="">
										甜美
									</a>
									<a href="">
										复古
									</a>
									<a href="">
										聚会
									</a>
									<a href="">
										摇滚
									</a>
									<a class="itemAll">
										全部场合
									</a>
								</div>
							</div>
						</div>
						<div class="maxSearchItem-warp">
							<div class="maxSearchItem">
								<a href="#" class="maxSearchItemMenu">
									<i>系列</i> <em></em>
								</a>
								<div class="maxSearchItemOption">
									<a href="">
										休闲
									</a>
									<a href="">
										潮流
									</a>

									<a href="">
										摇滚
									</a>
									<a class="itemAll">
										全部系列
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--二成筛选-->
		<div id="filter">
			<div class="filterLeft">
				<a href="javascript:;" class="filterHover">默认</a>
				<a href="javascript:;" class="filterUP">上架时间</a>
				<a href="javascript:;" class="filterUP">销量</a>
				<a href="javascript:;">折扣</a>
				<a href="javascript:;">价格</a>
			</div>
			<div class="filterRight">
				<div class="filterRight-l">
					<b>1/1</b>页 &nbsp 共 <b>&nbsp;1&nbsp;</b>
					<a href="javascript:;">下一页</a>
				</div>
				<div class="filterRight-r">
					<label><input type="radio" id="style" name="searchType" value="1" checked=""><span style="cursor:pointer">款式</span></label>
					<label><input type="radio" id="color" name="searchType" value="2"><span style="cursor:pointer">色系</span></label>&nbsp;&nbsp;
					<label><input type="checkbox" id="checkstock" checked=""> <span style="cursor:pointer">仅显示有货</span></label>
				</div>
			</div>
		</div>
		<!--列表页开始-->
		<div id="listGoods">
			<ul class="listGoods-ul">
				<li>
					<a href="#" class="listGoods-lg">
						<img src="img/list/goodsimg.jpg" alt="">
					</a>
					<a class="goods_tag" target="_blank" href=""><em>满99赠T恤，199赠防晒衣</em></a>
					<span class="goodlist_text fl goodlist_name">
		        <a href="" target="_blank">米郎骑士</a>
				<label class="goodlist_discount">2.1折</label>
            </span> <span class="goodlist_text fl goodtitle"><a href="" target="_blank">韩版男士纯棉薄款纯色休闲五分短裤</a></span>
					<span class="goodlist_text goodtpirce">
							<b>￥39.9</b>
				<i>￥188</i>
					</span>
					<div class="listGoods-xs">
						<span class="listToggle-l">

                </span>
						<div class="listGoods-scroll">
							<div class="listImgXs-box">
								<a href="javascript:;">
									<img src="img/list/xs1-1.jpg" alt="">
								</a>
							</div>
						</div>
						<span class="listToggle-r">

                </span>
					</div>
				</li>
			</ul>
		</div>

		<div class="shopbox">
			<div class="pagination" >
				<!--<a class="currentPage">1</a>
				<a href="">2</a>
				<a href="" >3</a>-->
				<a href="javascript:;" class="nextList">下一页</a>
				<a href="javascript:;" class="lastList">尾 页</a>
			</div>
		</div>

		<!--火箭开始-->
		<div id="consult" class="fl">
			<a href="#" class="consult-top"></a>
			<a href="#" class="consult-text"></a>
		</div>
		<!--底部开始-->
		<div id="footer">
			<div id="footer-top-warp">
				<div class="footer-top width1200">
					<ul class="footer-top-ul fl">
						<li>
							<a href="#">
								<img data-original="img/img_118.png" alt="">
							</a>
						</li>
						<li>
							<a href="#">
								<img data-original="img/img_119.png" alt="">
							</a>
						</li>
						<li>
							<a href="#">
								<img data-original="img/img_120.png" alt="">
							</a>
						</li>
					</ul>
					<div class="merchant fl">
						<div class="merchant-top ">
							<a href="#">
								<img data-original="img/img_95.jpg" alt="">
							</a>
						</div>
						<div class="merchant-bot">
							<ul>
								<li>
									<a href="#">
										<img data-original="img/img_60.png" alt="">
										<p>在线客服</p>
									</a>
								</li>
								<li>
									<a href="#">
										<img data-original="img/img_61.png" alt="">
										<p>意见反馈</p>
									</a>
								</li>
								<li>
									<a href="#">
										<img data-original="img/img_62.png" alt="">
										<p>问卷调查</p>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div id="footer-bot-warp">
				<div class="footer-bot-top width1200 clear">
					<dl>
						<dt>新手指南</dt>
						<dd>
							<a target="_blank" href="">
								注册新用户
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								用户协议
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								找回密码
							</a>
						</dd>
					</dl>
					<dl>
						<dt>购物指南</dt>
						<dd>
							<a target="_blank" href="">
								红包使用说明
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								购物流程
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								订单状态
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								邦购币绑定与使用
							</a>
						</dd>
						<dd>
							<a target="_blank" href="/">
								积分说明
							</a>
						</dd>
					</dl>
					<dl>
						<dt>配送方式</dt>
						<dd>
							<a target="_blank" href="">
								配送范围
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								订单拆分
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								商品验货与签收
							</a>
						</dd>
					</dl>
					<dl>
						<dt>支付方式</dt>
						<dd>
							<a target="_blank" href="">
								发票制度
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								支付方式
							</a>
						</dd>
					</dl>
					<dl>
						<dt>售后服务</dt>
						<dd>
							<a target="_blank" href="">
								退换货政策
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								退换办理流程
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								退款说明
							</a>
						</dd>
					</dl>
					<dl>
						<dt>联系方式</dt>
						<dd>
							<a target="_blank">在线客服</a>
						</dd>
						<dd>
							<a href="">商家入驻：bgzs@metersbonwe.com</a>
						</dd>
					</dl>
				</div>
				<div class="footer-bot-bot width1200">
					<p class="width1200">CopyRight © 2000-2017, 版权所有 上海美特斯邦威服饰股份有限公司 banggo.com 沪ICP备05033127号 021-38119999</p>
					<span>
            <a href="#"><img data-original="img/img_68.png" alt=""></a>
            <a href="#"><img data-original="img/img_69.png" alt=""></a>

        </span>
				</div>
			</div>
		</div>
		</div>
	</body>

</html>